<template>
  <div class="wrapper">
    <commonHeader></commonHeader>
    <commonAside></commonAside>
    <section id="content">
      <div class="inner-wrapper">
        <nav id="page-nav">
          <ul class="clear-fix">
            <router-link tag="li" to="/pool/pool_show">
              <a><i class="icon-show"></i>SHOW</a>
            </router-link>
            <router-link tag="li" to="/pool/pool_set">
              <a><i class="icon-set"></i>SET</a>
            </router-link>
            <router-link tag="li" to="/pool/pool_locate">
              <a><i class="icon-locate"></i>LOCATE</a>
            </router-link>
            <router-link tag="li" to="/pool/pool_clear">
              <a><i class="icon-clear"></i>CLEAR</a>
            </router-link>
            <router-link tag="li" to="/pool/pool_create">
              <a><i class="icon-create"></i>CREATE</a>
            </router-link>
            <router-link tag="li" to="/pool/pool_delete">
              <a><i class="icon-delete"></i>DELETE</a>
            </router-link>
            <router-link tag="li" to="/pool/pool_export">
              <a><i class="icon-export"></i>EXPORT</a>
            </router-link>
            <router-link tag="li" to="/pool/pool_import">
              <a><i class="icon-import"></i>IMPORT</a>
            </router-link>
            <router-link tag="li" to="/pool/pool_verify">
              <a><i class="icon-verify"></i>VERIFY</a>
            </router-link>
            <router-link tag="li" to="/pool/pool_move">
              <a><i class="icon-move"></i>MOVE</a>
            </router-link>
          </ul>
        </nav>
        <div class="main-content">
          <router-view></router-view>
        </div>
      </div>
    </section>
  </div>
</template>
<script>
  import commonHeader from './../../components/header/header.vue'
  import commonAside from './../../components/aside/aside.vue'
  export default {
    name: 'pool',
    components: {
      commonHeader,
      commonAside
    },
    data () {
      return {
        msg: 'Welcome to Your Vue.js App'
      }
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss"  rel="stylesheet/scss">
  body{
    background: #ffffff;
  }
  .el-row {
    margin-bottom: 20px;
    &:last-child {
      margin-bottom: 0;
    }
    &:first-child {
      margin-top: 10px;
    }
  }
  .el-form {
    width: 600px;
  }
</style>
